@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
  }

  40%,
  60%,
  80% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tabbar-control {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  box-shadow: -0.4px -0.6px 29.7px rgba(0, 0, 0, 0.027), 3.3px 4.5px 46.1px rgba(0, 0, 0, 0.046),
    29px 40px 93px rgba(0, 0, 0, 0.11);
}

.tabbar-item {
  width: 128px;
  height: 150px;
  background-color: #f7f8fa;
  margin-left: 10px;
}

.tabbar-item-history {
  top: 12px;
  right: 0;
  padding-right: 12px;
  background-color: #fff;
}

.tabbar-icon-ani {
  animation: tada 1.2s ease;
}